<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
	  			xmlns:sf="http://www.springframework.org/tags/faces">

<f:view contentType="text/html">

<h2>Confirm Hotel Booking</h2> 
<h:form id="confirm">
	<fieldset>
		<table>
			<tr class="field">
				<td class="label">Name:</td>
				<td class="output">#{booking.hotel.name}</td>
			</tr>
			<tr class="field">
				<td class="label">Address:</td>
				<td class="output">#{booking.hotel.address}</td>
			</tr>
			<tr class="field">
				<td class="label">City, State:</td>
				<td class="output">#{booking.hotel.city}, #{booking.hotel.state}</td>
			</tr>
			<tr class="field">
				<td class="label">Zip:</td>
				<td class="output">#{booking.hotel.zip}</td>
			</tr>
			<tr class="field">
				<td class="label">Country:</td>
				<td class="output">#{booking.hotel.country}</td>
			</tr>
	        <tr class="field">
	            <td class="label">Total payment:</td>
	            <td class="output">
	                <h:outputText value="#{booking.total}">
	                    <f:convertNumber type="currency" currencySymbol="$"/>
	                </h:outputText>
	            </td>
	        </tr>
			<tr class="field">
				<td class="label">Check In Date:</td>
				<td class="output">
					<h:outputText value="#{booking.checkinDate}">
						<f:convertDateTime dateStyle="short"/>
					</h:outputText>
				</td>
			</tr>
			<tr class="field">
				<td class="label">Check Out Date:</td>
				<td class="output">
					<h:outputText value="#{booking.checkoutDate}">
						<f:convertDateTime dateStyle="short"/>
					</h:outputText>
				</td>
			</tr>
			<tr class="field">
				<td class="label">Credit Card #:</td>
				<td class="output">#{booking.creditCard}</td>
			</tr>
			<tr>
				<td colspan="2" class="buttonGroup">
					<h:commandButton id="confirm" value="Confirm" action="confirm"/>&#160;
		    		<h:commandButton id="revise" value="Revise" action="revise"/>&#160;
		    		<h:commandButton id="cancel" value="Cancel" action="cancel"/>
	    		</td>
			</tr>
		</table>
	</fieldset>
</h:form>

</f:view>
</ui:composition>